<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title>工具借还</title>
<link rel="stylesheet" href="css/css.css" />
</head>
<body>
<header>
    <ul class="tb_ul">
        <li class="tb_left"><img src="img/symbol-a.png" /></li>
        <li class="tb_center">工具记录</li>
    </ul>
</header>
<div class="list-c">
<!--有内容-->
        <ul class="list_ul10">
            <li>姓名：</li>
            <li><input type="text" placeholder="输入姓名（必填）" /></li>
        </ul> 
        <ul class="list_ul08">
            <li>借出时间：</li>
            <li style="color: #bbb;">2018-07-26<img src="img/symbol.png" style="vertical-align:middle" /></li>
        </ul> 
        <ul class="list_ul08">
            <li>预计归还时间：</li>
            <li style="color: #bbb;">2018-07-26<img src="img/symbol.png" style="vertical-align:middle" /></li>
        </ul> 
        <ul class="list_ul13">
            <li>工具明细：</li>
            <li>添加明细</li>
        </ul> 
        <ul class="list_ul12">
            <li><input type="text" style="width: 100%;" placeholder="输入名称（必填）" /></li>
            <li><input type="text" style="width: 100%;" placeholder="输入数量（必填）" /></li>
        </ul>
        <ul class="list_ul11">
            <li>借取时工具情况：</li>
            <li><textarea style="width:100%; height:100px; background:#edf0f7; padding: 2%;" placeholder="输入借取时工具情况（必填）" /></textarea></li>
    	</ul>
        
        <ul class="list_ul04">
        <li>附件：</li>
            <li>（0/5）</li>
            <li class="comment_ul01">
                <div class="reimburse_div06">
                	<div class="comment_li01"><img src="img/add.png" /></div>
            	</div>    
            </li>
        </li>
    </ul>
	    <ul class="list_ul11">
            <li>备注：</li>
            <li><textarea style="width:100%; height:100px; background:#edf0f7; padding: 2%;" placeholder="输入备注" /></textarea></li>
    	</ul>
        
        <ul class="list_ul08" style="border-bottom:none; margin-top:2em;">
           <li>归还详情</li>
           <li><img src="img/tools.png" style="vertical-align:middle" /></li>
       </ul>
       
        <ul class="list_ul04">
        <li>附件：</li>
            <li>（0/5）</li>
            <li class="comment_ul01">
                <div class="reimburse_div06">
                	<div class="comment_li01"><img src="img/add.png" /></div>
            	</div>    
            </li>
        </li>
    </ul>
    
    	<ul class="list_ul11">
            <li>归还后损害情况：</li>
            <li><textarea style="width:100%; height:100px; background:#edf0f7; padding: 2%;" placeholder="输入借取时工具情况" /></textarea></li>
        </ul> 
<!--无内容-->
    <!--<div class="code01">
    	<div><img src="img/car@2x.png" /></div>
    </div>-->
    
    <div class="btn01">
	    <div>保存</div>
    </div>
</div>

</body>